<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>熊猫食堂</title>
    <link rel="stylesheet" href="/shop/css/reset.css">
    <link rel="stylesheet" href="/shop/css/main.css">
    <script type="text/javascript">
        SITEURL = '{:C("SITE_URL")}';
    </script>
</head>
<body>
<ul class="nav-list">
    <li class="on">
        <span>周一<var></var></span>
        <span class="col">已售罄</span>
        <em></em>
    </li>
    <li>
        <span>周二<var></var></span>
        <span>11月11日</span>
        <em></em>
    </li>
    <li>
        <span>周三<var></var></span>
        <span>11月12日</span>
        <em></em>
    </li>
    <li>
        <span>周四<var></var></span>
        <span>11月13日</span>
        <em></em>
    </li>
    <li>
        <span>周五<var></var></span>
        <span>11月14日</span>
        <em></em>
    </li>

</ul>

<!-- 搜索框 -->
<input type="hidden" value="" id="regionId" >
<div class="search-wp">
    <div>三里屯SOHO写字楼</div>
    <span></span>
</div>

<!-- 提示框 -->
<div class="tips-wp" id="selling">
    <h2 class="tips-tit">据今日订餐结束</h2>
    <div class="tips-timer">
        <span></span><em>:</em>
        <span></span><em>:</em>
        <span></span>
    </div>
    <div class="tips-go">
        <div class="tips-gowp">
            <span>提前预定周二餐品享优惠</span><em></em>
        </div>
    </div>
</div>

<!-- 售罄提示框 -->
<div class="tips-wp" id="sellout">
    <h2 class="tips-all">当日已全部售罄</h2>
    <div class="tips-go tips-all-qing">
        <div class="tips-gowp">
            <span>提前预定周二餐品享优惠</span><em></em>
        </div>
    </div>
</div>

<!--今日已定--->
<div class="yiding-wp">
    <em></em><span>今日已定</span>
    <ul>
        <li>熊菓冰淇淋蛋糕x1</li>
        <li>熊菓冰淇淋蛋糕x1</li>
    </ul>
</div>

<!-- 菜品列表 -->
<ul class="cai-list">

    <li>
        <div class="img-wp"><img src="/shop/images/cai.jpg" /></div>
        <div class="act-wp">
            <p>香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</p>
            <div class="add-cont">
                <span></span>
                <em>13</em>
                <span></span>
            </div>
        </div>
        <div class="jia-con">
            <div class="ml">
                <h4 class="package-tit">套餐包括:</h4>
                <p class="package-cont">香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
            </div>
            <div class="jia-r">
                <p><span>菜品原价:</span><em class="line">35元</em></p>
                <p><span>抢&nbsp;&nbsp;购&nbsp;&nbsp;价:</span><em class="hot">25</em>元</p>
            </div>
        </div>
        <!--<p class="bar-tit">越早下单越优惠</p>--><!--<p class="bar-tit">越早下单越优惠</p>-->
        <div class="bar-tiao">
            <div class="clearfix">
                <div class="vont" style="width:20%"><p>立减3元</p></div>
                <p class="onk">还有280份</p>
            </div>
        </div>
        <div class="kuai">
            <img src="/shop/images/kuai.png" >
            <p>快出餐慢享用</p>
        </div>
    </li>

    <!-- 售罄样式 -->
    <li class="qing">
        <div class="img-wp"><img src="/shop/images/cai.jpg" class="gray" /><span class="btn">售罄</span></div>
        <div class="act-wp">
            <p>香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</p>
            <div class="add-cont">
                <span></span>
                <em>13</em>
                <span></span>
            </div>
        </div>
        <div class="jia-con">
            <div class="ml">
                <h4 class="package-tit">套餐包括:</h4>
                <p class="package-cont">香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
            </div>
            <div class="jia-r">
                <p><span>菜品原价:</span><em class="line">35元</em></p>
                <p><span>抢&nbsp;&nbsp;购&nbsp;&nbsp;价:</span><em class="hot">25</em>元</p>
            </div>
        </div>
        <p class="bar-tit">明个早点儿来吧</p>
        <div class="bar-tiao">
            <div class="clearfix">
                <div class="vont" style="width:100%"><p>0%</p></div>
            </div>
        </div>
        <div class="kuai">
            <img src="/shop/images/kuai.png" class="gray" >
            <p>快出餐慢享用</p>
        </div>
    </li>
    <li>
        <div class="img-wp"><img src="/shop/images/cai.jpg" /></div>
        <div class="act-wp">
            <p>香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</p>
            <div class="add-cont">
                <span></span>
                <em>13</em>
                <span></span>
            </div>
        </div>
        <div class="jia-con">
            <div class="ml">
                <h4 class="package-tit">套餐包括:</h4>
                <p class="package-cont">香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
            </div>
            <div class="jia-r">
                <p><span>菜品原价:</span><em class="line">35元</em></p>
                <p><span>抢&nbsp;&nbsp;购&nbsp;&nbsp;价:</span><em class="hot">25</em>元</p>
            </div>
        </div>
        <p class="bar-tit">越早下单越优惠</p>
        <div class="bar-tiao">
            <div class="clearfix">
                <div class="vont" style="width:20%"><p>立减3元</p></div>
                <p class="onk">还有280份</p>
            </div>
        </div>
        <div class="kuai">
            <img src="/shop/images/kuai.png" >
            <p>快出餐慢享用</p>
        </div>
    </li>
</ul>

<!-- 购物车 -->
<div class="car"><span class="shu">0</span></div>

<!-- 购物车内容 -->
<div class="car-wp">
    <h2>购物车<span class="close"></span></h2>
    <dl class="car-list"><!--
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>-->
    </dl>
    <span class="car-btns">去结算</span>
</div>

<!-- 购物车弹框 -->
<div class="car-bg"></div>

<!-- 引导弹框 -->
<div class="ydbg">
    <p class="yd2-txt">戳这里更换地址</p>
    <span class="yd2"></span>

    <div class="search-wp">
        <div>三里屯SOHO写字楼</div>
        <span></span>
    </div>
    <p class="yd3-txt">提前预定有优惠</p>
    <span class="yd3"></span>
    <div class="tips-go">
        <div class="tips-gowp">
            <span>提前预定周二餐品享优惠</span><em></em>
        </div>
    </div>
</div>
<!--隐藏地址部分-->
<div class="ahide animated">
    <div class="ahide-c">

        <div class="ahide-title clearfix bg-b">
            <p class="tit-l l"><img src="/shop/images/icob.png"/><input id="building" type="text" value="" placeholder="输入查找您所在的楼宇名称" /></p>
            <p class="tit-r r"><img src="/shop/images/ico8-1.png"/><span class="ai">|</span><span class="quxiao">取消</span></p>
        </div>
        <p class="aprompt">点击你所在的楼宇</p>
        <ul class="ahide-wrap">

        </ul>
    </div>
</div>
<!-- 评论弹框 -->
    <div class="ping" style="display:none;">
        <div class="ping-wp">
            <div class="ping-tit clearfix"><span></span></div>
            <img src="/shop/images/kt.png" class="kt" alt="" />
            <h2 class="ping-wt">香菇滑鸡煲老鸭炖盅套餐文字标题最多两行香菇行香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</h2>
            <div class="ping-xin"><span></span><span></span><span></span><span></span><span></span></div>

            <!-- 存储红心个数的隐藏input -->
            <input type="hidden" value="0" id="xin" />
            <input type="hidden" value="0" id="pxin" />
            <div class="ping-wark"><textarea placeholder="菜品口味如何？" id="pingText"></textarea></div>
            <div class="ping-btns">
                <input type="submit" value="提交" class="btn" id="pingId" />
            </div>
            <!-- 吓一条评论 -->
            <div class="next-ping">
                <span class="tit">点评下一道：</span>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <em class="tu"></em>
            </div>
        </div>
    </div>

<!--  详细菜品弹框  -->
<div class="caix">
    <em class="cai-detail-close">×</em>
    <div class="cai-detail">
        <div class="img-wp wp34"><img src="/shop/images/cai.jpg" /></div>
        <h3 class="cai-d-tit">香菇滑鸡煲老鸭炖盅套餐</h3>
        <div class="cai-biao">
            <span>套餐包括:</span>
            <p>香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
        </div>
        <div class="cai-gu-bg"></div>
        <!--<h2 class="cai-gu">菜品故事</h2>-->
        <h3 class="can-det">餐品详情</h3>
        <!--<p class="can-list"><span class="mian"></span>BuyTime厨房(西二旗店) </p>
        <p class="can-list"><span class="phone"></span>010-82791111</p>-->
        <!-- 编辑内容 -->
        <div class="can-edit">
            商户厨房介绍文字
            厨房文化是现代厨房的一个产物，厨房作为家居饮食区域，由功能
            配套型发展为生活家居的一部分。
            <img src="/shop/images/cai.jpg" />
        </div>
    </div>
</div>

<!-- 楼宇输入引导 -->
<div class="lou-bg">
    <div class="ahide-title clearfix bg-b">
        <p class="tit-l l"><img src="/shop/images/icob.png"/><input readonly type="text" value="" placeholder="输入查找您所在的楼宇名称" /></p>
        <p class="tit-r r"><img src="/shop/images/ico8-1.png"/></p>
    </div>
    <p class="yd3-txt">这里输入您所在的楼宇</p>
    <span class="yd3"></span>
</div>


<!-- 页面加载中 -->
<div class="loading">
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="/shop/js/jquery.min.js"></script>
<script type="text/javascript" src="/shop/js/home.js"></script>
</html>